<template>
	<div id="free_store" class="free_scanner">		
		<h1 class="free_title"><span class="icon icon-store"></span>免费扫描店面</h1>
		<div class="store_main">
			<ul>
				<li>
					
				</li>
			</ul>
			<img src="/static/images/example.png" class="store_l" alt="logo">
			<div class="store_r">
				<h1 class="store_name">{{ store_name }}</h1>
				<p class="store_address">地址：{{ store_address }}</p>
				<p class="store_phone">电话：{{ store_phone }}</p>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'free_store',
	data () {
		return {
			store_name: '大连和平广场星巴克',
			store_address: '大连市沙河口区中山路8号和平广场',
			store_phone: '0411-12345678'
		}
	}
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
	.free_title
		border-bottom 1px solid #dcdcdc
		height 40px
		line-height 40px
		padding-left 15px
		.icon
			color #ff850a
			padding-right 10px
	.store_main
		clear both
		border-bottom 1px solid #dcdcdc
		height 102px
		.store_l
			width 76px
			height 76px
			float left
			margin 13px
		.store_r
			margin-left 110px
			.store_name
				font-size 18px
				padding 20px 0 8px 0
				max-width 240px
				text-overflow ellipsis
				white-space nowrap
				overflow hidden
				color #636363
			.store_address
				font-size 14px
				height 22px
				line-height 22px
				max-width 240px
				text-overflow ellipsis
				white-space nowrap
				overflow hidden
				color #636363
			.store_phone
				font-size 14px
				height 22px
				line-height 22px
				max-width 240px
				text-overflow ellipsis
				white-space nowrap
				overflow hidden
				color #636363
</style>